@charset "utf-8";
/*=============================================================
 ir/individual
=============================================================*/
.pc{
	display: block;
}
.sp{
	display: none;
}
#contents {
	margin-top: 0;
 padding-bottom: 120px;
}
/* #footer
-------------------------------------------------------------*/
#footer {
 margin-top: 0px;
}

/* ttl
-------------------------------------------------------------*/
.ttlPage{
	background: url("/eng/sustainability/img_scope/scope_main.jpg") no-repeat center center;
	background-size: cover;
}
.no-webp .ttlPage{
	background: url("/eng/sustainability/img_scope/scope_main.jpg") no-repeat center center;
	background-size: cover;
}
.webp .ttlPage{
	background: url("/eng/sustainability/img_scope/scope_main.webp") no-repeat center center;
	background-size: cover;
}
.ttlPage .ttlArea{
	padding: 60px 0;
}
.ttlPage .ttlArea h1{
	font-size: 4.8rem;
}
.ttlPage .ttlArea h1 span{
}
.ttlPage .ttlArea .box-colorA{
	margin-top: 40px;
	background-color: #fff !important;
}
.ttlCat{
	margin: 120px 0 0;
	padding: 30px 0;
	background: linear-gradient(to right, #0039DC 0%, #1AA5CE 100%);
}
.ttlCat h2{
	width: 100%;
	display: flex;
	align-items: center;
	font-size: 3.2rem;
	color: #fff;
}
.ttlCat h2 span.icn{
	padding: 0 25px 0 0;
}
.ttlCat h2 span.icn img{
	width: auto;
	height: 94px;
}
.ttlCat h2 span.txt{
	flex: 1;
}
/*boxCol
-------------------------------------------------------------*/
.boxCol{
	margin: 50px 0 0;
}
.boxCol h3{
	font-size: 2.4rem;
}
.boxCol .boxFlex{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.boxCol .boxFig{
	width: 53%;
}
.boxCol .boxList{
	width:44%;
}
.boxCol .boxList li + li{
	margin: 20px 0 0 !important;
}
.boxCol .boxList li p{
	margin: 5px 0 0 !important;
}
.boxCol .boxList a{
	font-size: 1.8rem;
}
.boxCol .boxList a:not(.link-blank):after{
	content:"";
	background: url("/eng/shared/img/icon-arw-button.svg") center center no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 0.2em;
}
.boxCol .boxList a.arw02:after{
	right: -30px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px){

}
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:768px){
/* ttl
-------------------------------------------------------------*/
.ttlPage .ttlArea h1{
	font-size: 3.4rem;
}
.ttlPage .ttlArea h1 span{
	display: block;
}
.ttlCat h2{
	font-size: 2.4rem;
}
.ttlCat h2 span.icn{
	padding: 0 20px 0 0;
}
.ttlCat h2 span.icn img{
	width: auto;
	height: 70px;
}
	.ttlCat h2 span.icn img.icnSmall{
	height: 55px;
}
/*boxCol
-------------------------------------------------------------*/
.boxCol{
	margin: 50px 0 0;
}
.boxCol h3{
	font-size: 1.8rem;
}
.boxCol .boxFlex{
	display: block;
}
.boxCol .boxFig{
	width: 100%;
}
.boxCol .boxList{
	width:100%;
	margin: 30px 0 0 !important;
}
.boxCol .boxList li + li{
	margin: 15px 0 0 !important;
}
}